$(function (){
    $('area').on('mouseover',function (e) {
        var href = $(this).attr('href');

        var categoryIdMatch = href.match(/[?&]categoryId=([^&]+)/);
        var categoryId = categoryIdMatch ? categoryIdMatch[1] : null;

        if(categoryId) {

            $.ajax({
                type: 'GET',
                url: 'http://localhost:8080/mypetstorenew/productInfo?categoryId='+categoryId,
                success: function (data) {
                    console.log(data);
                    // 构建悬浮窗的商品信息
                    var productListHTML = '';
                    for (var i = 0; i < data.length; i++) {
                        productListHTML += '<li>';
                        productListHTML += data[i].productId;
                        productListHTML += ' - ';
                        productListHTML += data[i].name;
                        productListHTML += ' - ';
                        productListHTML += data[i].description;
                        productListHTML += '</li>';
                    }
                    // 显示悬浮窗，并填充商品信息
                    $('#productContent').html(productListHTML);
                    $('#tooltip').fadeIn(200);
                },
                error: function (error) {
                    console.log(error);
                }
            });
        }
    });

    // 监听鼠标移出事件
    $('area').on('mouseout', function () {
        // 隐藏悬浮窗
        $('#tooltip').fadeOut(200);
    });
});